<template>
     <div class="fiveNavbar">
      <van-grid :column-num="5" icon-size="70">
        <van-grid-item
          v-for="item in category"
          :key="item.mallCategoryId"
          :icon="item.image"
          :text="item.mallCategoryName"
          :to="{name:'list',params:{id:item.mallCategoryId}}"
        />
      </van-grid>
    </div>
</template>

<script>
export default {
    props:["category"],
    data(){
        return{

        }
    }
}
</script>
<style scoped>
.fiveNavbar {
  padding: 0 4px;
}
.van-grid-item__content {
  padding: 6px 0 0 !important;
}
.van-grid-item__text {
  margin-top: 4px !important;
}

</style>